<html>
<head>
	<title>小马人员管理系统</title>  
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
	<link rel="shortcut icon" href="#" />
	<link href= "http://vjs.zencdn.net/5.19/video-js.min.css" rel="stylesheet" />
	<script src = "http://vjs.zencdn.net/5.19/video.min.js"></script>
	<script src= "https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>

	<!--<script type="text/javascript" src="http://live.fabx.com.cn:8090/images/jquery.js"></script> -->
	<script type="text/javascript">
var jper = [];
function httpGet(url){  
	var xmlHttp = new XMLHttpRequest();  
    xmlHttp.open("POST", url, false); // false: wait respond  
    xmlHttp.send(null);  
    return xmlHttp.responseText;  
}
function f(){
	var url = "/TranToFront";
	jper = httpGet(url);
}  
//读取后端推流进程json文件，ajax参数回传

window.onload = function readjson(){
	startTime();
	f();
	jjper = JSON.parse(jper);

var tbody = document.getElementById('tbMain');
for(var i = 0;i < jjper.length; i++){ //遍历一下json数据
var trow = getDataRow(jjper[i]); //定义一个方法,返回tr数据
tbody.appendChild(trow);
}

var bt=document.getElementById("subt");
bt.onclick=function() {
	if(document.mypushform.pushplace.value==""){
		alert("人员姓名不能为空!");
		document.mypushform.pushplace.focus();
		return false;
	} 
	else if(document.mypushform.pushads.value==""){
		alert("人员年龄不能为空!");
		document.mypushform.pushads.focus();
		return false; 
	}
	else if(document.mypushform.pushbit.value==""){
		alert("身份证号不能为空!");
		document.mypushform.pushbit.focus();
		return false;
	}

    else if(document.mypushform.pushtl.value==""){
		alert("联系方式不能为空!");
		document.mypushform.pushbit.focus();
		return false;
	}
	
	else if(document.mypushform.pushgs.value==""){
		alert("工作单位不能为空!");
		document.mypushform.pushbit.focus();
		return false;
	}
	else if(document.mypushform.pushads.value){
for(var i = 0;i < jjper.length; i++){ //遍历一下json数据
	if(document.mypushform.pushbit.value==jjper[i].rtrate){
		alert("人员已存在，不允许重复插入!");
		document.mypushform.pushbit.focus();
		return false;
	}
}
}
}
}
function getDataRow(h){
var row = document.createElement('tr'); //创建行

var idCell = document.createElement('td'); //创建第一列id，序号（唯一）
idCell.innerHTML = h.id; //填充数据
row.appendChild(idCell); //加入行  ，下面类似

var nameCell = document.createElement('td');//创建第二列name，人员姓名
nameCell.innerHTML = h.name;
row.appendChild(nameCell);

var srcCell = document.createElement('td');//创建第三列srcads，人员性别
srcCell.innerHTML = h.src;
row.appendChild(srcCell);

var adsCell = document.createElement('td');//创建第四列ads，人员年龄
adsCell.innerHTML = h.ads;
row.appendChild(adsCell);

var rateCell = document.createElement('td');//创建第五列rtrate，身份证号
rateCell.innerHTML = h.rtrate;
row.appendChild(rateCell);

var gsCell = document.createElement('td');//创建第六列gs，工作单位
gsCell.innerHTML = h.gs;
row.appendChild(gsCell);

var tlCell = document.createElement('td');//创建第七列gs，工作单位
tlCell.innerHTML = h.tl;
row.appendChild(tlCell);
//到这里，json中的数据已经添加到表格中，

var delCell = document.createElement('td');//创建第八列，人员删除列
row.appendChild(delCell);

var btnDel = document.createElement('input'); //创建一个input控件
btnDel.setAttribute('type','button'); //type="button"
btnDel.setAttribute('value','删除'); 

//删除操作
btnDel.onclick=function(){
	if(confirm("确定删除该人员？")){
//找到按钮所在行的节点，然后删掉这一行
var TheRTnode = this.parentNode.parentNode.childNodes[3].firstChild.nodeValue;
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
CreateFormToDel(TheRTnode);
}

}

function CreateFormToDel(value){
	var Delform = document.createElement("form");
	document.body.appendChild(Delform);
	var tempInput = document.createElement("input");
	tempInput.type = "hidden";
	tempInput.name = "Delinput";
	tempInput.value = value;
	Delform.appendChild(tempInput);
	Delform.method = "post";
	Delform.action = "/delrt";
	Delform.submit();
}
delCell.appendChild(btnDel);  //把删除按钮加入第六列td

return row; //返回tr数据

}
//startpush为ajax版响应后台函数
function startpush(){
	url = "/startpush";
	var xmlHttp = new XMLHttpRequest();  
    xmlHttp.open("POST", url, false); // false: wait respond  
    xmlHttp.send(null);
    window.location.reload();

}
function startTime()
{
	var today=new Date()
	var h1=today.getHours(), h2=h1+8, h3=h1-13
	var m=today.getMinutes()
	var s=today.getSeconds()
// add a zero in front of numbers<10
h2=checkTimeH(h2)
h3=checkTimeH(h3)
m=checkTime(m)
s=checkTime(s)
document.getElementById('bj').innerHTML=h1+":"+m+":"+s
document.getElementById('ld').innerHTML=h2+":"+m+":"+s
document.getElementById('ny').innerHTML=h3+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTimeH(i)
{
	if (i>23) i-=24;
	if (i<0) i+=24;
	return i
}
function checkTime(i)
{
	if (i<10)
		{i="0" + i}
	return i
}

</script>

<style>
	td {
		text-align:center;
		white-space: nowrap;
	}

	body {
		color:#333;
		font:14px/16px arial;
		background: #fafafa;
	}
	/*table {width:100%;}*/
	th {
		font-weight: normal;
		margin:auto 0;
		padding: 10px;
	}
	div {vertical-align: middle;}
	.red {color:red;}
	.blue {color:blue;}
	.green {color: green;}
	.toolbar {margin: 2em 0; border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;padding: 1em}
	.toolbar>div{ line-height: 1.25em;display: inline-block; margin: 10px;text-align: center;}
	/*.toolbar>div>div{color: initial;}*/
	.toolbar>div>div{font-size: 1.25em}
	.toolbar form {margin-block-end:0;}
	input, select{ padding: 0.25em; line-height: 1.25em;outline:none; }
	input:focus, select:focus {
		color: red;
		border:1px solid red;
		border-bottom: 1px solid red;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
	}
	h1 {font-size: 1.25em;}

	.button { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); background-color: #eeeeee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1); background: -o-linear-gradient(top, #fbfbfb, #e1e1e1); background: linear-gradient(top, #fbfbfb, #e1e1e1); display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; border: 1px solid #d4d4d4; height: 32px; line-height: 32px; padding: 0px 25.6px; font-weight: 300; font-size: 14px; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #666666; text-shadow: 0 1px 1px white; margin: 0; text-decoration: none; text-align: center;}
	.button:hover, .button:focus { background-color: #eeeeee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc)); background: -webkit-linear-gradient(top, #ffffff, #dcdcdc); background: -moz-linear-gradient(top, #ffffff, #dcdcdc); background: -o-linear-gradient(top, #ffffff, #dcdcdc); background: linear-gradient(top, #ffffff, #dcdcdc);}
	.button:active { -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); background: #eeeeee; color: #bbbbbb;}
	.button:focus { outline: none;}
	input.button, button.button { height: 34px; cursor: pointer; -webkit-appearance: none;}
	.button-block { display: block;}
	.button.disabled,.button.disabled:hover,.button.disabled:focus,.button.disabled:active,input.button:disabled,button.button:disabled { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; background: #EEE; border: 1px solid #DDD; text-shadow: 0 1px 1px white; color: #CCC; cursor: default; -webkit-appearance: none;}
	.button-wrap { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2); background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2); background: -o-linear-gradient(top, #e3e3e3, #f2f2f2); background: linear-gradient(top, #e3e3e3, #f2f2f2); -webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04); -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04); padding: 10px; display: inline-block;}
	.button-flat { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background: #eeeeee; border: none; text-shadow: none;}
	.button-flat:hover, .button-flat:focus { background: #fbfbfb;}
	.button-flat:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: #eeeeee; color: #bbbbbb;}
	.button-flat.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-border { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; color: #666666; border: 2px solid #666666; background: none; text-shadow: none;}
	.button-border:hover, .button-border:focus { background: none; color: gray; border: 2px solid gray;}
	.button-border:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: none; color: #4d4d4d; border: 2px solid #4d4d4d;}
	.button-border.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-3d { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9)); background: -webkit-linear-gradient(top, #f3f3f3, #e9e9e9); background: -moz-linear-gradient(top, #f3f3f3, #e9e9e9); background: -o-linear-gradient(top, #f3f3f3, #e9e9e9); background: linear-gradient(top, #f3f3f3, #e9e9e9); background-color: #eeeeee; color: #666666; border: 1px solid #e1e1e1; text-shadow: none; position: relative; top: 0px;}
	.button-3d:hover, .button-3d:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb)); background: -webkit-linear-gradient(top, #ffffff, #ebebeb); background: -moz-linear-gradient(top, #ffffff, #ebebeb); background: -o-linear-gradient(top, #ffffff, #ebebeb); background: linear-gradient(top, #ffffff, #ebebeb); background-color: white;}
	.button-3d:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #e9e9e9, #f3f3f3); background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3); background: -o-linear-gradient(top, #e9e9e9, #f3f3f3); background: linear-gradient(top, #e9e9e9, #f3f3f3); background-color: #eeeeee; color: #bbbbbb; border: 1px solid #e1e1e1; top: 5px;}
	.button-3d.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
	.button-pill { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;}
	.button-circle { -webkit-border-radius: 240px; -moz-border-radius: 240px; -ms-border-radius: 240px; -o-border-radius: 240px; border-radius: 240px; -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); width: 120px; line-height: 120px; height: 120px; padding: 0px; border-width: 4px; font-size: 19px;}
	.button-primary { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2)); background: -webkit-linear-gradient(top, #00b5e5, #008db2); background: -moz-linear-gradient(top, #00b5e5, #008db2); background: -o-linear-gradient(top, #00b5e5, #008db2); background: linear-gradient(top, #00b5e5, #008db2); background-color: #00a1cb; border-color: #007998; color: white; text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);}
	.button-primary:hover, .button-primary:focus { background-color: #00a1cb; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2)); background: -webkit-linear-gradient(top, #00c9fe, #008db2); background: -moz-linear-gradient(top, #00c9fe, #008db2); background: -o-linear-gradient(top, #00c9fe, #008db2); background: linear-gradient(top, #00c9fe, #008db2);}
	.button-primary:active { background: #1495b7; color: #005065;}
	.button-3d-primary { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a9d5), color-stop(100%, #0099c1)); background: -webkit-linear-gradient(top, #00a9d5, #0099c1); background: -moz-linear-gradient(top, #00a9d5, #0099c1); background: -o-linear-gradient(top, #00a9d5, #0099c1); background: linear-gradient(top, #00a9d5, #0099c1); background-color: #00a1cb; color: white; border: 1px solid #007998; text-shadow: none; position: relative; top: 0px;}
	.button-3d-primary:hover, .button-3d-primary:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1f4), color-stop(100%, #009dc6)); background: -webkit-linear-gradient(top, #00c1f4, #009dc6); background: -moz-linear-gradient(top, #00c1f4, #009dc6); background: -o-linear-gradient(top, #00c1f4, #009dc6); background: linear-gradient(top, #00c1f4, #009dc6); background-color: #00c9fe;}
	.button-3d-primary:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0099c1), color-stop(100%, #00a9d5)); background: -webkit-linear-gradient(top, #0099c1, #00a9d5); background: -moz-linear-gradient(top, #0099c1, #00a9d5); background: -o-linear-gradient(top, #0099c1, #00a9d5); background: linear-gradient(top, #0099c1, #00a9d5); background-color: #1495b7; color: #005065; border: 1px solid #008db2; top: 5px;}
	.button-3d-primary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-border-primary { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; color: #00a1cb; border: 2px solid #00a1cb; background: none; text-shadow: none;}
	.button-border-primary:hover, .button-border-primary:focus { background: none; color: #00c9fe; border: 2px solid #00c9fe;}
	.button-border-primary:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: none; color: #007998; border: 2px solid #007998;}
	.button-border-primary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-flat-primary { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background: #00a1cb; color: white; text-shadow: none; border: none;}
	.button-flat-primary:hover, .button-flat-primary:focus { background: #00b5e5;}
	.button-flat-primary:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: #1495b7; color: #00647f;}
	.button-flat-primary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-secondary { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(top, #ffffff, #f2f2f2); background-color: white; border-color: #e6e6e6; color: white; text-shadow: 0 -1px 1px rgba(179, 179, 179, 0.35);}
	.button-secondary:hover, .button-secondary:focus { background-color: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(top, #ffffff, #f2f2f2);}
	.button-secondary:active { background: white; color: #cccccc;}
	.button-3d-secondary { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafa)); background: -webkit-linear-gradient(top, #ffffff, #fafafa); background: -moz-linear-gradient(top, #ffffff, #fafafa); background: -o-linear-gradient(top, #ffffff, #fafafa); background: linear-gradient(top, #ffffff, #fafafa); background-color: white; color: white; border: 1px solid #e6e6e6; text-shadow: none; position: relative; top: 0px;}
	.button-3d-secondary:hover, .button-3d-secondary:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc)); background: -webkit-linear-gradient(top, #ffffff, #fcfcfc); background: -moz-linear-gradient(top, #ffffff, #fcfcfc); background: -o-linear-gradient(top, #ffffff, #fcfcfc); background: linear-gradient(top, #ffffff, #fcfcfc); background-color: white;}
	.button-3d-secondary:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #fafafa, #ffffff); background: -moz-linear-gradient(top, #fafafa, #ffffff); background: -o-linear-gradient(top, #fafafa, #ffffff); background: linear-gradient(top, #fafafa, #ffffff); background-color: white; color: #cccccc; border: 1px solid #f2f2f2; top: 5px;}
	.button-3d-secondary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-border-secondary { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; color: white; border: 2px solid white; background: none; text-shadow: none;}
	.button-border-secondary:hover, .button-border-secondary:focus { background: none; color: white; border: 2px solid white;}
	.button-border-secondary:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: none; color: #e6e6e6; border: 2px solid #e6e6e6;}
	.button-border-secondary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-flat-secondary { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background: white; color: white; text-shadow: none; border: none;}
	.button-flat-secondary:hover, .button-flat-secondary:focus { background: white;}
	.button-flat-secondary:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: white; color: #d9d9d9;}
	.button-flat-secondary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-action { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00)); background: -webkit-linear-gradient(top, #8fcf00, #6b9c00); background: -moz-linear-gradient(top, #8fcf00, #6b9c00); background: -o-linear-gradient(top, #8fcf00, #6b9c00); background: linear-gradient(top, #8fcf00, #6b9c00); background-color: #7db500; border-color: #5a8200; color: white; text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);}
	.button-action:hover, .button-action:focus { background-color: #7db500; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00)); background: -webkit-linear-gradient(top, #a0e800, #6b9c00); background: -moz-linear-gradient(top, #a0e800, #6b9c00); background: -o-linear-gradient(top, #a0e800, #6b9c00); background: linear-gradient(top, #a0e800, #6b9c00);}
	.button-action:active { background: #76a312; color: #374f00;}
	.button-3d-action { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84bf00), color-stop(100%, #76ab00)); background: -webkit-linear-gradient(top, #84bf00, #76ab00); background: -moz-linear-gradient(top, #84bf00, #76ab00); background: -o-linear-gradient(top, #84bf00, #76ab00); background: linear-gradient(top, #84bf00, #76ab00); background-color: #7db500; color: white; border: 1px solid #5a8200; text-shadow: none; position: relative; top: 0px;}
	.button-3d-action:hover, .button-3d-action:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99de00), color-stop(100%, #79b000)); background: -webkit-linear-gradient(top, #99de00, #79b000); background: -moz-linear-gradient(top, #99de00, #79b000); background: -o-linear-gradient(top, #99de00, #79b000); background: linear-gradient(top, #99de00, #79b000); background-color: #a0e800;}
	.button-3d-action:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76ab00), color-stop(100%, #84bf00)); background: -webkit-linear-gradient(top, #76ab00, #84bf00); background: -moz-linear-gradient(top, #76ab00, #84bf00); background: -o-linear-gradient(top, #76ab00, #84bf00); background: linear-gradient(top, #76ab00, #84bf00); background-color: #76a312; color: #374f00; border: 1px solid #6b9c00; top: 5px;}
	.button-3d-action.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-border-action { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; color: #7db500; border: 2px solid #7db500; background: none; text-shadow: none;}
	.button-border-action:hover, .button-border-action:focus { background: none; color: #a0e800; border: 2px solid #a0e800;}
	.button-border-action:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: none; color: #5a8200; border: 2px solid #5a8200;}
	.button-border-action.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-flat-action { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background: #7db500; color: white; text-shadow: none; border: none;}
	.button-flat-action:hover, .button-flat-action:focus { background: #8fcf00;}
	.button-flat-action:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: #76a312; color: #486900;}
	.button-flat-action.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-highlight { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04)); background: -webkit-linear-gradient(top, #fa9915, #d87e04); background: -moz-linear-gradient(top, #fa9915, #d87e04); background: -o-linear-gradient(top, #fa9915, #d87e04); background: linear-gradient(top, #fa9915, #d87e04); background-color: #f18d05; border-color: #bf7004; color: white; text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);}
	.button-highlight:hover, .button-highlight:focus { background-color: #f18d05; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04)); background: -webkit-linear-gradient(top, #fba42e, #d87e04); background: -moz-linear-gradient(top, #fba42e, #d87e04); background: -o-linear-gradient(top, #fba42e, #d87e04); background: linear-gradient(top, #fba42e, #d87e04);}
	.button-highlight:active { background: #d8891e; color: #8d5303;}
	.button-3d-highlight { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9306), color-stop(100%, #e78705)); background: -webkit-linear-gradient(top, #fa9306, #e78705); background: -moz-linear-gradient(top, #fa9306, #e78705); background: -o-linear-gradient(top, #fa9306, #e78705); background: linear-gradient(top, #fa9306, #e78705); background-color: #f18d05; color: white; border: 1px solid #bf7004; text-shadow: none; position: relative; top: 0px;}
	.button-3d-highlight:hover, .button-3d-highlight:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa024), color-stop(100%, #ec8a05)); background: -webkit-linear-gradient(top, #faa024, #ec8a05); background: -moz-linear-gradient(top, #faa024, #ec8a05); background: -o-linear-gradient(top, #faa024, #ec8a05); background: linear-gradient(top, #faa024, #ec8a05); background-color: #fba42e;}
	.button-3d-highlight:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e78705), color-stop(100%, #fa9306)); background: -webkit-linear-gradient(top, #e78705, #fa9306); background: -moz-linear-gradient(top, #e78705, #fa9306); background: -o-linear-gradient(top, #e78705, #fa9306); background: linear-gradient(top, #e78705, #fa9306); background-color: #d8891e; color: #8d5303; border: 1px solid #d87e04; top: 5px;}
	.button-3d-highlight.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-border-highlight { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; color: #f18d05; border: 2px solid #f18d05; background: none; text-shadow: none;}
	.button-border-highlight:hover, .button-border-highlight:focus { background: none; color: #fba42e; border: 2px solid #fba42e;}
	.button-border-highlight:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: none; color: #bf7004; border: 2px solid #bf7004;}
	.button-border-highlight.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-flat-highlight { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background: #f18d05; color: white; text-shadow: none; border: none;}
	.button-flat-highlight:hover, .button-flat-highlight:focus { background: #fa9915;}
	.button-flat-highlight:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: #d8891e; color: #a66103;}
	.button-flat-highlight.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-caution { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a)); background: -webkit-linear-gradient(top, #e8543f, #d9331a); background: -moz-linear-gradient(top, #e8543f, #d9331a); background: -o-linear-gradient(top, #e8543f, #d9331a); background: linear-gradient(top, #e8543f, #d9331a); background-color: #e54028; border-color: #c22d18; color: white; text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);}
	.button-caution:hover, .button-caution:focus { background-color: #e54028; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a)); background: -webkit-linear-gradient(top, #eb6855, #d9331a); background: -moz-linear-gradient(top, #eb6855, #d9331a); background: -o-linear-gradient(top, #eb6855, #d9331a); background: linear-gradient(top, #eb6855, #d9331a);}
	.button-caution:active { background: #cd5240; color: #952312;}
	.button-3d-caution { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e64831), color-stop(100%, #e4381f)); background: -webkit-linear-gradient(top, #e64831, #e4381f); background: -moz-linear-gradient(top, #e64831, #e4381f); background: -o-linear-gradient(top, #e64831, #e4381f); background: linear-gradient(top, #e64831, #e4381f); background-color: #e54028; color: white; border: 1px solid #c22d18; text-shadow: none; position: relative; top: 0px;}
	.button-3d-caution:hover, .button-3d-caution:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9604c), color-stop(100%, #e43c23)); background: -webkit-linear-gradient(top, #e9604c, #e43c23); background: -moz-linear-gradient(top, #e9604c, #e43c23); background: -o-linear-gradient(top, #e9604c, #e43c23); background: linear-gradient(top, #e9604c, #e43c23); background-color: #eb6855;}
	.button-3d-caution:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4381f), color-stop(100%, #e64831)); background: -webkit-linear-gradient(top, #e4381f, #e64831); background: -moz-linear-gradient(top, #e4381f, #e64831); background: -o-linear-gradient(top, #e4381f, #e64831); background: linear-gradient(top, #e4381f, #e64831); background-color: #cd5240; color: #952312; border: 1px solid #d9331a; top: 5px;}
	.button-3d-caution.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-border-caution { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; color: #e54028; border: 2px solid #e54028; background: none; text-shadow: none;}
	.button-border-caution:hover, .button-border-caution:focus { background: none; color: #eb6855; border: 2px solid #eb6855;}
	.button-border-caution:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: none; color: #c22d18; border: 2px solid #c22d18;}
	.button-border-caution.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-flat-caution { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background: #e54028; color: white; text-shadow: none; border: none;}
	.button-flat-caution:hover, .button-flat-caution:focus { background: #e8543f;}
	.button-flat-caution:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; background: #cd5240; color: #ac2815;}
	.button-flat-caution.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	.button-royal { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79)); background: -webkit-linear-gradient(top, #99389f, #752a79); background: -moz-linear-gradient(top, #99389f, #752a79); background: -o-linear-gradient(top, #99389f, #752a79); background: linear-gradient(top, #99389f, #752a79); background-color: #87318c; border-color: #632466; color: white; text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35);}
	.button-royal:hover, .button-royal:focus { background-color: #87318c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79)); background: -webkit-linear-gradient(top, #ab3eb2, #752a79); background: -moz-linear-gradient(top, #ab3eb2, #752a79); background: -o-linear-gradient(top, #ab3eb2, #752a79); background: linear-gradient(top, #ab3eb2, #752a79);}
	.button-royal:active { background: #764479; color: #3e1740;}
	.button-3d-royal { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8e3494), color-stop(100%, #802e84)); background: -webkit-linear-gradient(top, #8e3494, #802e84); background: -moz-linear-gradient(top, #8e3494, #802e84); background: -o-linear-gradient(top, #8e3494, #802e84); background: linear-gradient(top, #8e3494, #802e84); background-color: #87318c; color: white; border: 1px solid #632466; text-shadow: none; position: relative; top: 0px;}
	.button-3d-royal:hover, .button-3d-royal:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a43caa), color-stop(100%, #833088)); background: -webkit-linear-gradient(top, #a43caa, #833088); background: -moz-linear-gradient(top, #a43caa, #833088); background: -o-linear-gradient(top, #a43caa, #833088); background: linear-gradient(top, #a43caa, #833088); background-color: #ab3eb2;}
	.button-3d-royal:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #802e84), color-stop(100%, #8e3494)); background: -webkit-linear-gradient(top, #802e84, #8e3494); background: -moz-linear-gradient(top, #802e84, #8e3494); background: -o-linear-gradient(top, #802e84, #8e3494); background: linear-gradient(top, #802e84, #8e3494); background-color: #764479; color: #3e1740; border: 1px solid #752a79; top: 5px;}
	.button-3d-royal.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none;}
	#container {
		padding: 0 20px ;
	}
</style>

</head> 
	<body>
	    <table>
		<tr>
		<td>
		<!--<img src="http://live.fabx.com.cn:8090/images/xiaoma.jpg" height="100" width="200"></img> -->
		</td>
		<td>
		<p><font style="font-size:50px;font-weight:bolder">小马人员管理系统</font></p>
		</td>
		</table>

		<div class="toolbar">
			<div class="red">北京时间<div id="bj"></div></div>
			<div class="blue">伦敦时间<div id="ld"></div></div>
			<div class="green">纽约时间<div id="ny"></div></div>
		</div>

		<div id="container">
			<form id="pushrtmp" name="mypushform" action="/startpush" method="POST">
				<table>
						<br />
						<tr>
							<td>
								姓名: <input name="pushplace" type="text" style="width:100px"/>
							</td>
							<td>
								性别: <select name = "srcRTMP">
								            <option value ="男">男</option>
                                            <option value ="女">女</option>
								      </select>
							</td>
							<td>
								年龄: <input name="pushads" type="number"  style="width:100px" oninput="if(value>99)value=1;if(value.length>2)value=value.slice(0,2);if(value<=0)value=1" />
							</td>
							<td>
								身份证号: <input name="pushbit" type="text" style="width:200px"  />
							</td>
							<td>
								工作单位: <input name="pushgs" type="text" style="width:200px"  />
							</td>
							<td>
								联系方式: <input name="pushtl" type="text" style="width:200px"  />
							</td>
						</tr>
					</table>
					<br />
					<input type="submit" id="subt" value="插入" class="button button-pill button-caution "/>
				</form>

				<table  border="1" cellspacing="0" id="RtmpTB" name="rtmpTB">
                    <thead>
                    <tr>
                       <th>序号</th>
                       <th>姓名</th>
		               <th>性别</th>
                       <th>年龄</th>
		               <th>身份证号</th>
					   <th>工作单位</th>
					   <th>联系方式</th>
                       <th style="width: 100px;height:30px;">删除</th>
                    </tr> 
                    </thead>
                <tbody id="tbMain"></tbody>
                </table>
				<div id="out"></div>
			</div>
		</body>
		</html>